:root {
	--bg-color: hsl(0, 0%, 100%);
	--write-bg: hsl(0, 0%, 100%);
	--link-bg: transparent;
	--mark-bg: hsl(0, 0%, 20%);
	--code-bg: hsl(0, 0%, 90%);
	--codeb-bg: hsl(0, 0%, 96%);
	--quota-bg: hsl(0, 0%, 95%);
	--thead-bg: hsl(0, 0%, 90%);
	--tbody-bg: hsl(0, 0%, 96%);

	--title-color: hsl(0, 0%, 5%);
	--text-color: hsl(0, 0%, 20%);
	--link-color: hsl(0, 100%, 75%);
	--mark-color: hsl(0, 0%, 100%);
	--code-color: hsl(0, 0%, 20%);

	--codeb-color: hsl(0, 0%, 50%);
	--quota-color: hsl(0, 0%, 35%);
	--footer-color: hsl(0, 0%, 50%);

	--md-char-color: hsl(0, 100%, 65%);
	--meta-content-color: hsl(0, 0%, 50%);

	--link-hover: hsl(0, 100%, 65%);
	--thead-hover: hsl(0, 0%, 99%);
	--tbody-hover: hsl(0, 0%, 99%);

	--window-border: 1px solid hsl(0, 0%, 95%);
	--base-border: 1px solid hsl(0, 100%, 65%);
	--base-borderl: 4px solid hsl(0, 100%, 65%);
	--base-borderb: 1px dashed hsl(0, 100%, 65%);
	--opt-borderb: 1px dashed hsl(215, 100%, 65%);

	--base-font: "Poppins", -apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Noto Sans CJK SC", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;

	--title-font: "EB Garamond", Georgia, "Nimbus Roman No9 L", "Noto Serif CJK SC", "Songti SC", "Source Han Serif SC", "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif;

	--em-font: "EB Garamond", Georgia, "Nimbus Roman No9 L", "Noto Serif CJK SC"， "Songti SC", "Source Han Serif SC", "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif;

	--quota-font: "EB Garamond", Baskerville, Georgia, "Liberation Serif", "TW-Kai", "Kaiti SC", STKaiti, "AR PL UKai CN", "AR PL UKai HK", "AR PL UKai TW", "AR PL UKai TW MBE", "AR PL KaitiM GB", KaiTi, KaiTi_GB2312, DFKai-SB, "TW\-Kai", serif;

	--monospace: "Cascadia code", "Sarasa Term SC", Monaco, "Deja Vu Sans Mono", Consolas, "Lucida Console", "Andale Mono", Courier;

	--lishu: "金梅新細隸國際碼";
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: initial;
}

html,
body,
#write {
	font-family: var(--base-font);
	font-weight: 400;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2rem;
	background: var(--write-bg);
	color: var(--text-color);
}

content {
	background-color: var(--write-bg);
	min-width: 640px;
}

#write {
	max-width: 914px;
	min-height: calc(100vh - 6rem);
	min-width: calc(100vw - 45rem);
	padding: 3rem 4rem;
	text-align: justify;
}

/* 目录自动编号 */

.md-toc {
	font-size: 1rem;
	line-height: 1.5rem;
	display: table;
	margin: auto;
}

.md-toc::before {
	content: "Contents";
	font-size: 2rem;
	text-align: center;
	display: block;
	margin: 2rem auto;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 5px;
}

.md-toc-item {
	display: flex;
	display: table-row;
	width: 100%;
	height: 2.5rem;
	vertical-align: baseline;
}

.md-toc-h1,
.md-toc-h2,
.md-toc-h3,
.md-toc-h4 {
	margin: .75rem;
}

.md-toc-h2 {
	margin-left: 1rem;
}

.md-toc-h3,
.md-toc-h4 {
	margin-left: 4rem;
}

.md-toc-item .md-toc-inner {
	text-decoration: none;
	color: var(--text-color);
	border-bottom: none !important;
	display: table-cell;
	vertical-align: baseline;
	padding-left: 3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.md-toc-h1 .md-toc-inner,
.md-toc-h2 .md-toc-inner,
.md-toc-h3 .md-toc-inner,
.md-toc-h4 .md-toc-inner {
	margin-left: 1rem !important;
	word-wrap: normal;
	word-break: break-all;
}

.md-toc-h1 {
	font: 600 1.25em var(--title-font);
	counter-increment: counter_md-toc-h1;
	counter-reset: counter_md-toc-h2;
}

.md-toc-h1:before {
	content: "第"counter(counter_md-toc-h1, cjk-ideographic)"章";
}

.md-toc-h2 {
	counter-increment: counter_md-toc-h2;
	counter-reset: counter_md-toc-h3;
}

.md-toc-h2::before {
	content: "第"counter(counter_md-toc-h2, cjk-ideographic)"节";
}

.md-toc-h3 {
	counter-increment: counter_md-toc-h3;
	counter-reset: counter_md-toc-h4;
}

.md-toc-h3::before {
	content: counter(counter_md-toc-h3);
}

.md-toc-h4 {
	counter-increment: counter_md-toc-h4;
	counter-reset: counter_md-toc-h5;
}

.md-toc-h4::before {
	content: counter(counter_md-toc-h3)"."counter(counter_md-toc-h4);
}

.md-toc-h5 {
	counter-increment: counter_md-toc-h5;
	counter-reset: counter_md-toc-h6;
}

.md-toc-h5::before {
	content: counter(counter_md-toc-h3)"."counter(counter_md-toc-h4)"."counter(counter_md-toc-h5);
}

.md-toc-h6 {
	counter-increment: counter_md-toc-h6;
	counter-reset: counter_md-toc-h7;
}

.md-toc-h6::before {
	content: counter(counter_md-toc-h3)"."counter(counter_md-toc-h4)"."counter(counter_md-toc-h5)"."counter(counter_md-toc-h6);
}


.md-toc-h1:before,
.md-toc-h2::before,
.md-toc-h3::before,
.md-toc-h4::before,
.md-toc-h5::before,
.md-toc-h6::before {
	color: initial;
	display: table-cell;
	vertical-align: baseline;
	color: var(--text-color);
}

.md-toc-h1:before,
.md-toc-h2::before {
	text-align-last: justify;
}

.md-toc-h3::before,
.md-toc-h4::before,
.md-toc-h5::before,
.md-toc-h6::before {
	text-align: right;
}

.md-toc-h5,
.md-toc-h6 {
	display: none;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
	margin: 0;
	padding: 0;
}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
	display: block;
}

/* HTML5 媒体文件跟 img 保持一致 */
audio,
canvas,
video {
	display: inline-block;
}

/* 要注意表单元素并不继承父级 font 的问题 */
body,
button,
input,
select,
textarea {
	font: 400 1em/1.75 var(--base-font);
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

/* 去掉各Table cell 的边距并让其边重合 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 去除默认边框 */
fieldset,
img {
	border: 0;
}

/* 标题样式 */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--title-color);
}

/* 让每一级标题更加明显，添加标注 */
#write h1 {
	margin-top: 6rem;
	margin-bottom: 3rem;
	text-align: center;
}

#write h1:before,
#write h1:after {
	content: "";
	display: block;
	position: relative;
	margin: 1rem auto;
	padding: 1px;
}

#write h1::before {
	border-top: 4px solid var(--title-color);
	border-bottom: 1px solid var(--title-color);
}

#write h1::after {
	border-bottom: 4px solid var(--title-color);
	border-top: 1px solid var(--title-color);
}

#write h1,
#write h2 {
	font-family: var(--title-font);
	font-size: 2rem;
	font-weight: 800;
	line-height: 3rem;
	text-transform: uppercase;
}

#write h2 {
	margin: 4rem auto 2rem;
	padding-left: 1rem;
	border-left: 4px solid var(--title-color);
}

#write h3 {
	font-size: 1.75rem;
}

#write h4 {
	font-size: 1.5rem;
}

#write h5,
#write h6 {
	font-size: 1.25rem;
}

#write h3,
#write h4,
#write h5,
#write h6 {
	font-family: var(--base-font);
	font-weight: 600;
	margin: 3rem 0;
	margin-bottom: 1.5rem;
}

#write h3::before,
#write h4::before,
#write h5::before,
#write h6::before {
	font-size: .9rem !important;
	vertical-align: bottom;
	margin-right: .5rem;
	padding: 2px;
	border-radius: 3px;
	background: var(--text-color);
	color: var(--write-bg);
}

#write h3::before {
	content: "H3";
}

#write h4::before {
	content: "H4";
}

#write h5::before {
	content: "H5";
}

#write h6::before {
	content: "H6";
}

p {
	margin-bottom: 1rem;
}

/* 超链接样式 */

a,
ins {
	color: var(--link-color);
	text-decoration: none;
}

#write a {
	border-bottom: var(--base-borderb);
}

#write a:hover {
	border-bottom-color: var(--link-color);
	color: var(--link-hover);
	text-decoration: none;
}

/* em & strong style */

#write strong,
#write em {
	font-family: var(--em-font);
	font-weight: 800 !important;
	color: var(--title-color);
}

#write em {
	text-decoration: underline dotted;
}

/* mark style */

mark {
	margin: 0 5px;
	color: var(--mark-color);
	padding: 1px 4px;
	border-radius: 5px;
	background-color: var(--mark-bg);
}

/* code style */

/* yaml style */

#write pre.md-meta-block {
	min-height: 30px;
	background: var(--codeb-bg);
	color: var(--codeb-color);
	font-weight: 300;
	position: sticky;
	padding: 1.5rem;
	margin-top: -1.5rem;
	margin-bottom: 2rem;
	border-radius: 5px;
	line-height: 1.5rem;
}

/* code & codeblock style */

/* codeblock */
#write pre.md-fences {
	border: 1px solid var(--codeb-bg);
	margin: 2rem auto;
	padding: 1rem 0.5rem;
	display: block;
	-webkit-overflow-scrolling: touch;
}

pre,
code,
pre tt,
.md-fences,
.CodeMirror pre {
	font-family: var(--code-font);
	font-size: .9rem;
	line-height: 1.5rem;
	padding: 2px 4px;
	border-radius: 5px;
	background-color: var(--codeb-bg);
}

/* code style */
code {
	background-color: var(--code-bg);
}

kbd,
samp,
tt,
var {
	font-family: var(--code-font);
}

/* 代码块下的标题颜色过深。修改为浅蓝 */
.cm-s-inner .cm-header,
.cm-s-inner.cm-header {
	color: hsl(215, 100%, 75%);
}

.cm-s-inner .CodeMirror-cursor {
	border-left: solid var(--link-color) !important;
}

/* 列表样式 */
ul,
ol {
	margin: 1.5rem auto;
}

#write ul {
	margin-left: 1.5rem;
	list-style: disc;
}

#write ol {
	list-style: decimal-leading-zero;
	margin-left: 1.5rem;
}

#write ol ol {
	list-style-type: lower-roman;
}

#write ul ul {
	list-style-type: circle;
}

#write ol ol,
#write ul ul,
#write ul ol,
#write ol ul {
	margin-top: .5rem;
}

#write ul li,
#write ol li,
#write li ul,
#write li ol,
#write ul ul,
#write ol ol {
	margin-left: 1rem;
}

/* todo list */

.task-list {
	list-style: none !important;
	padding-left: 0;
}

.task-list-item input {
	top: 3px;
}

.task-list-done {
	/* styles for completed tasks */
	text-decoration: line-through;
	color: var(--footer-color);
}

.task-list-not-done {
	/* styles for incomplete tasks */
	color: var(--text-color);
}

/* 块/段落引用 */

blockquote {
	background: var(--quota-bg);
	margin: 2rem -3.8rem;
	padding: 2rem 6rem;
	font-size: 1.2rem;
}

blockquote blockquote {
	padding: 0;
	margin: 0;
	padding-left: 2rem;
	border-left: var(--base-borderl);
}

blockquote,
blockquote p {
	font-family: var(--quota-font);
}

blockquote p {
	color: var(--quota-color);
	line-height: 1.75rem;
}

/* 一致化 horizontal rule */
hr {
	border: none;
	border-bottom: 1px solid #999;
	margin: 3rem auto;
	height: 15px;
}

/* img */

#write img {
	margin: 40px auto;
	box-shadow: 0px 20px 40px 1px hsla(0, 0%, 0%, 0.3);
	border-radius: 5px;
}

/* 使图片去掉阴影 */
img[alt|="no-shadow"] {
	box-shadow: none !important;
}

/* 使图片去掉所有效果 */
img[alt|="normal"] {
	margin: 0 !important;
	box-shadow: none !important;
}


/* 脚注样式 脚注内的文字颜色应当较原字稍淡 */

sup.md-footnote {
	padding: 2px;
	background-color: hsla(0, 100%, 85%);
	color: #555;
	cursor: pointer;
	font-size: .75rem;
}

.footnotes,
.footnotes em,
.footnotes strong {
	color: var(--footer-color);
}

.footnotes a {
	color: hsl(215, 100%, 75%);
}

/* 表格样式 */

figure>table {
	margin: 1.5rem auto;
	width: 98%;
}

#write table th,
#write table thead th {
	background: var(--thead-bg);
	padding: .5rem 1rem;
}

#write table caption {
	border-bottom: none;
}

#write table td {
	background-color: var(--tbody-bg);
	border: 1px solid var(--thead-bg);
	padding: 0.5rem 1rem;
	color: var(--text-color);
}

#write tr th:hover {
	background-color: var(--thead-hover);
}

#write td:hover {
	background-color: var(--tbody-hover);
}

#write th:hover,
#write td:hover {
	color: var(--link-hover);
}

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
	.task-list-item input:before {
		margin-top: -0.2rem;
	}

	.task-list-item input:checked:before,
	.task-list-item input[checked]:before {
		margin-top: -0.2rem;
	}
}

/* 不同的宽度的设备上的字数统计样式 */
@media screen and (max-width: 600px) {
	#write {
		padding: 2rem 1rem;
	}

	.md-toc {
		padding: 0;
		margin: auto;
	}

	blockquote {
		background: var(--quota-bg);
		margin: 2rem -4rem;
		padding: 2rem 4rem;
	}

	blockquote blockquote {
		padding-left: 1rem;
	}

	#writte figure {
		position: relative;
		left: -2rem;
		min-width: calc(100% + 4rem);
	}

	#write table {
		width: 100%;
	}

	#write h1 {
		font-size: 2.5rem;
	}

	#write h3:before,
	#write h4:before,
	#write h5:before,
	#write h6:before {
		color: var(--bg-color);
	}
}

@media screen and (max-width: 800px) {
	.md-toc-inner {
		max-width: 20rem;
	}
}

@media screen and (min-width: 1100px) {

	body,
	#footer-word-count-info,
	body.pin-outline,
	.pin-outline #write,
	.pin-outline #footer-word-count-info,
	.pin-outline footer {
		background: var(--write-bg);
	}


	.typora-node #write {
		min-height: calc(100% - 6rem);
	}


	#write {
		padding: 40px 60px;
		background: var(--write-bg);
		margin: 3rem auto 3rem;
		border-width: 0 1px;
	}

	.pin-outline #write {
		border: 0;
		padding-left: 60px;
		padding-right: 60px;
	}

	footer {
		background-color: transparent;
	}
}

@media screen and (min-width: 1300px) {

	body.pin-outline,
	.pin-outline #write,
	.pin-outline #footer-word-count-info,
	.pin-outline footer,
	#footer-word-count-info {
		background: var(--write-bg);
	}

	#write {
		box-shadow: 0px 2px 2px 2px hsla(0, 0%, 95%, 0.1), 1px 3px 5px 2px hsla(0, 0%, 85%, 0.2), 2px 4px 5px 2px hsla(0, 0%, 75%, 0.3), 3px 5px 10px 2px hsla(0, 0%, 65%, 0.4);
		border-radius: 5px;
		border: 1px solid var(--write-bg);
	}

	.typora-node #write {
		min-height: calc(100% - 6rem);
	}

	.pin-outline #write {
		padding: 40px 60px;
		margin: 3rem auto 3rem;
		border-radius: 5px;
	}

	.pin-outline footer {
		background-color: transparent;
	}

}

@media print {

	/**
	 * needed to prevent extra blank page
	 */
	html,
	body {
		border: 1px solid transparent;
		height: 99%;
		page-break-after: avoid;
		page-break-before: avoid;
	}

	.md-toc {
		page-break-after: always;
		padding: 1rem 2rem;
	}

	.md-toc:before {
		margin-bottom: 4rem;
	}

	#write {
		box-shadow: 0px 0px 0px 0px transparent;
		border-radius: 0px;
	}

	#write h1 {
		margin: 3rem auto;
		page-break-before: always;
	}

	#write h1:first-of-type {
		page-break-before: avoid;
	}

	#write h1:before,
	#write h1:after {
		display: none;
	}

	#write h2 {
		border-left: none;
	}

	code,
	mark {
		padding: 2px;
	}

	mark {
		color: var(--text-color);
		background: hsl(60, 100%, 50%);
	}

	blockquote {
		position: relative;
		margin: 2rem 1rem;
		padding: 1.5rem;
		background: var(--quota-bg);
		border: 0px solid transparent;
		border: 2px dotted hsl(0, 100%, 65%);
		border-radius: 5px;
	}

	blockquote blockquote {
		border-radius: 0px;
		border: 0px solid transparent;
		border-left: 4px solid hsl(0, 100%, 65%);
	}

	.typora-export * {
		-webkit-print-color-adjust: exact;
	}

}


.MathJax_Display {
	font-size: 0.9rem;
	margin-top: 0.5rem;
	margin-bottom: 0;
}

p.mathjax-block,
.mathjax-block {
	padding-bottom: 0;
}

.mathjax-block>.code-tooltip {
	bottom: 5px;
	box-shadow: none;
}

.md-image>.md-meta {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.md-image>img {
	margin-top: 2px;
}

.md-image>.md-meta:first-of-type:before {
	padding-left: 4px;
}

/* 源代码模式 */

#typora-source {
	background: var(--bg-color);
	color: var(--code-color);
	font-family: var(--code-font);
}

#typora-source pre {
	line-height: 1.5rem;
	border-radius: 0px !important;
}


/** ui for windows **/

::-webkit-scrollbar-corner {
	display: none;
	background: transparent;
}

::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.05);
	background-clip: padding-box;
}

[draggable] {
	cursor: move;
}

#md-searchpanel {
	border-bottom: var(--base-borderb);
}

#md-searchpanel .btn {
	border: var(--base-border);
}

/* 侧边栏 文件概览和大纲列表 */

:root {
	--blur-text-color: hsl(0, 0%, 75%);
	--active-file-bg-color: hsl(0, 0%, 99%);
	/* 文件列表 当前文件激活 背景色*/
	--active-file-text-color: hsl(0, 100%, 75%);
	--active-file-border-color: hsl(0, 100%, 75%);
	/* 树形结构下文件激活边框色 */
	--side-bar-bg-color: hsl(0, 0%, 95%);
	/*文件 大纲 侧边栏 背景色*/
	--item-hover-bg-color: hsl(0, 0%, 90%);
	/* 打开文文件夹、正文菜单、最近使用 hover 效果 */
	--item-hover-text-color: inherit;

	--primary-color: hsl(0, 100%, 75%);
	/* color of primary buttons */
	--primary-btn-border-color: hsl(0, 100%, 75%);
	--primary-btn-text-color: hsl(0, 0%, 100%);

	--select-text-bg-color: hsl(0, 100%, 75%);
	--select-text-font-color: hsl(0, 0%, 100%);
	--active-bg: hsl(0, 0%, 95%);
}

/* 语法标记样式 */

.md-meta.md-before,
.md-meta.md-after {
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}

/* 源代码模式 */

#typora-source {
	background: var(--bg-color);
	color: var(--code-color);
	line-height: 1.5rem;
}

/* 通知样式 */

#md-notification {
	border-radius: 5px;
	background: transparent !important;
}

#md-notification:before {
	top: 14px;
}

#md-notification::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	z-index: -111;
	backdrop-filter: blur(15px);
	top: 0;
	width: 100%;
	min-height: 5rem;
	-webkit-font-smoothing: antialiased;
	transition: opacity 1.2s cubic-bezier(.77, 0, .175, 1);
}

/* 聚焦模式 */
.on-focus-mode .md-focus {
	padding: 1rem;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
	background: antiquewhite var(--bg-img);
	background-blend-mode: overlay;
	border-radius: 5px;
}

/* 侧边栏文档大纲tab标签 激活 */

.info-panel-tab:hover {
	color: var(--primary-color);
}

/* 侧边栏文档大纲tab标签 激活 */
.active-tab-outline,
.active-tab-files {
	color: var(--primary-color);
}

/* bugfix */
#outline-content,
#file-library {
	color: var(--text-color);
}

/* 文件 大纲 激活 */
.outline-item:hover {
	color: var(--primary-color);
}

.file-list-item:hover,
.file-node-content:hover {
	background-color: var(--bg-color);
	color: var(--primary-color);
}

/* 大纲目录自动编号 */

.sidebar-content {

	counter-reset: h1;
}

.outline-h1 {
	counter-increment: h1;
	counter-reset: h2;
}

.outline-h2 {
	counter-increment: h2;
	counter-reset: h3;
}

.outline-h3 {
	counter-increment: h3;
	counter-reset: h4;
}

.outline-h4 {
	counter-increment: h4;
	counter-reset: h5;
}

.outline-h5 {
	counter-increment: h5;
	counter-reset: h6;
}

.outline-h1>.outline-item>.outline-label:before {
	content: "章"counter(h1) " ";
}

.outline-h2>.outline-item>.outline-label:before {
	content: "节"counter(h2) " ";
}

.outline-h3>.outline-item>.outline-label:before {
	content: counter(h3) " ";
}

.outline-h4>.outline-item>.outline-label:before {
	content: counter(h3) "."counter(h4) " ";
}

.outline-h5>.outline-item>.outline-label:before {
	content: counter(h3) "."counter(h4) "."counter(h5) " ";
}

.outline-h6>.outline-item>.outline-label:before {
	counter-increment: h6;
	content: counter(h3) "."counter(h4) "."counter(h5) "."counter(h6) " ";
}

/* 书写区右键菜单 */
/* control-menu */

.context-menu.dropdown-menu>li>a:focus {
	background-color: var(--active-bg);
}

.context-menu.dropdown-menu>.active>a,
.context-menu.dropdown-menu>li>a:hover,
.menu-style-btn.active {
	color: var(--primary-color);
}

/* 一体化模式下菜单页 */

/* 菜单侧标栏 */
.megamenu-menu {
	box-shadow: 2px 2px 5px 0 #33333380, 2px 0px 10px 0 #33333380;
}

/* bugfix */
.megamenu-opened .megamenu-menu {
	left: -1px !important;
}

/* 侧边栏item激活 */
.megamenu-menu-list:not(.saved) li a:hover,
.megamenu-menu-list li a.active {
	background-color: var(--active-bg);
	color: var(--primary-color);
	display: block !important;
}

/* bugfix */
.megamenu-menu-list li {
	line-height: 48px;
}

.megamenu-menu-list li a {
	height: 48px;
}

a.menu-style-btn:hover {
	background: var(--active-bg);
}

/* 标题 */

.megamenu-menu-panel h1,
.megamenu-menu-panel h2 {
	margin: 2rem auto 3rem;
}

/* 长形按钮 */
.long-btn:hover {
	color: var(--primary-color) !important;
}

.megamenu-menu-panel .btn {
	border: var(--base-border);
}

/* 最近文档 */
.megamenu-menu-panel table tr {
	background: var(--write-bg);
}

#recent-file-panel tbody tr:nth-child(2n-1) {
	background-color: var(--tbody-bg);
}

.megamenu-menu-panel tr:hover {
	background-color: var(--thead-hover) !important;
	color: var(--primary-color) !important;
}

/* 主题页 */
/* 样式预览 */

.theme-preview-div:hover {
	border-color: #80aaff80;
}

.theme-preview-div {
	border: 4px solid #99999950;
}

.theme-preview-div.active,
.theme-preview-div.active:hover {
	border-color: var(--primary-color);
}

/* 偏好设定 */
.unibody-window {
	font-family: var(--base-font);
}

/* 偏好设定侧边栏 */
.nav-group-item.active {
	background: var(--item-hover-bg-color) !important;
	color: (var--primary-color);
}

/* 关于页 */

table#typora-help-md-table tr {
	background: transparent;
}

/* fix */
.about-content-meta {
	font-family: var(--title-font);
}


/* titlebar */

#top-titlebar {
	height: 28px;
}

#w-traffic-lights {
	display: flex;
	flex-direction: row;
}

#w-max-group {
	display: contents;
}

/* bugfix */

footer.stopselect.ty-footer {
	right: 0;
}

/* animation */
#write td,
#megamenu-content td,
.file-list-item,
.megamenu-menu li,
.btn,
.long-btn {
	position: relative;
	overflow: hidden;
}

#write td:after,
#megamenu-content td:after,
.file-list-item:after,
.megamenu-menu li:after,
.btn:after,
.long-btn:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
	background-image: radial-gradient(circle, #666 10%, transparent 10.01%);
	background-repeat: no-repeat;
	background-position: 50%;
	transform: scale(10, 10);
	opacity: 0;
	transition: transform .3s, opacity .5s;
}

#write td:active:after,
#megamenu-content td:active:after,
.file-list-item:active:after,
.megamenu-menu li:active:after,
.btn:active:after,
.long-btn:active:after {
	transform: scale(0, 0);
	opacity: .3;
	transition: 0s;
}